<template>
	<view class="container">
		<view class="block6" v-for="(item,index) in productArr">
			<view class="top">
				<view class="line"></view>
				<view class="title">{{item.title}}</view>
			</view>
			<view class="down1">
				<view v-for="(items,index) in item.subArr">
					<image :src="items.imgSrc"></image>
					<view>{{items.imgText}}</view>
				</view>
			</view>
		</view>
		<guakao></guakao>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				productArr: [
				      {
				        title: '热销产品',
				        subArr: [
				          { imgSrc: '/static/images/product/01-1.jpg', imgText: '纯色家纺套件1' },
				          { imgSrc: '/static/images/product/01-2.jpg', imgText: '纯色家纺套件2' },
				          { imgSrc: '/static/images/product/01-3.jpg', imgText: '纯色家纺套件3' },
				          { imgSrc: '/static/images/product/01-4.jpg', imgText: '纯色家纺套件4' },
				        ]
				      },
				      {
				        title: '被芯',
				        subArr: [
				          { imgSrc: '/static/images/product/02-1.jpg', imgText: '冬季被子加厚保暖冬被芯' },
				          { imgSrc: '/static/images/product/02-2.jpg', imgText: '加厚保暖冬被芯' },
				          { imgSrc: '/static/images/product/02-3.jpg', imgText: '100%纯羊毛被芯' },
				          { imgSrc: '/static/images/product/02-4.jpg', imgText: '空调被被芯' },
				        ]
				      },
				      {
				        title: '枕头',
				        subArr: [
				          { imgSrc: '/static/images/product/03-1.jpg', imgText: '枕头枕芯一对套' },
				          { imgSrc: '/static/images/product/03-2.jpg', imgText: '带枕套决明子枕芯' },
				          { imgSrc: '/static/images/product/03-3.jpg', imgText: '棉麻抱枕' },
				          { imgSrc: '/static/images/product/03-4.jpg', imgText: '一对装护颈枕芯' },
				        ]
				      },
				      {
				        title: '套件',
				        subArr: [
				          { imgSrc: '/static/images/product/04-1.jpg', imgText: '全棉加厚四件套' },
				          { imgSrc: '/static/images/product/04-2.jpg', imgText: '全棉加厚四件套' },
				          { imgSrc: '/static/images/product/04-3.jpg', imgText: '全棉加厚四件套' },
				          { imgSrc: '/static/images/product/04-4.jpg', imgText: '全棉加厚四件套' },
				        ]
				      }
				    ]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
/* block6 */
.block6{
	background: #fff;
	margin-bottom: 10px;
}
.block6 .top{
	height: 50px;
	position: relative;
}
.block6 .top .line{
	width: 30%;
	height: 2px;
	background: #ccc;
	position: absolute;
	left: 0;right: 0;top: 0;bottom: 0;
	margin:auto;
}
.block6 .top .title{
	width: 24%;
	background: #fff;
	position: absolute;
	left: 0;right: 0;top: 0;bottom: 0;
	margin: auto;
	text-align: center;
	font-size: 14px;
	line-height: 50px;
}
.down1{
	border-top: 1px solid #ccc;
	padding: 20px 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.down1>view{
	width: 48%;
	margin-bottom: 10px;
}
.down1>view image{
	width: 100%;
	height: 125px;
	border-radius: 4px;
}
.down1>view view{
	font-size: 14px;
}
</style>
